/** 安全设置css **/


/** 其他 **/
.sec-desc{
    margin-bottom:10px;
    color: #a0a0a0;
}


.message-info{
    text-align: center;
    padding: 8px 5px 7px 5px;
    position: relative;
    overflow: visible;
    background: #f2ffd7;
    font-size: 14px;
    color: #22ac38;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #bfdacb;

}


.info-x{
    right: -290px;
    cursor: pointer;
    color: #22ac38;
    font-size: 16px;
    position: relative;
}

/** 表单 **/
.sec-title{
    font-size: 1.5em;
}
/* ljx */
.info-detail{
   
    

}

.formMain{
    margin-top: 30px;
    margin-left: 60px;
    height: 400px;

}
.formVal{
    position: relative;
    margin-bottom: 15px;

}

.formVal >.large_input{
    border: 1px solid #C7C7C7;
    width: 200px;
    padding: 7px 5px;


}
.formVal >.small_input{
    border: 1px solid #C7C7C7;
    width: 115px;
    padding: 7px 5px;
}
.formVal label{
    width: 90px;
    text-align: left;
    font-size: 14px;
}

.formVal > .formInfo{
    margin-top: 15px;
    margin-bottom: 15px;
}

.formVal > .formError{
    color: red;
    margin-left: 10px;
}

.security-h{
    box-shadow: 1px 1px 5px rgb( 174, 174, 174 );
    -webkit-box-shadow: 1px 1px 5px rgb( 174, 174, 174 );
    border : 1px solid rgb( 174, 174, 174 ) \9;
    border-radius: 10px;
    margin: 2px;
}

/** 安全等级 **/
.security-info{
    padding: 9px 20px;
    background: #fff3f3;
    border: 1px solid #ffd0d0;
    margin: 10px 0;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 20px;
}

.security-level{
    border-bottom: 0 none;
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 14px;
}

.security-level > ul  li{
    padding: 1px 5px;
    cursor: pointer;
    background: #f3f5f4;
    color: #707070;
    float: left;
    text-align: center;
    margin-right: 2px;
    font-size: 12px;
    padding: 0px 12px;
}

.security-level > ul  li.low{
    background: #ed5454;
    color: #ffffff;
}

.security-level > ul  li.medium{
    background-color: #ffcc00;
    color: #ffffff;
}

.security-level > ul  li.high{
    background-color: #00CC33;
    color: #ffffff;
}
/** 安全等级 **/


.security-use{
    background: orange;
    color: #ffffff;
    padding: 3px 0;

    margin-top: 5px;
}
.security-use-info{
    padding: 3px 0;
    margin-top: 5px;
}

/** 安全列表 **/
.security-list{
    overflow: hidden;
    position: relative;
    min-height : 305px;
}

.security-main{
    padding-top: 5px;
    padding-bottom: 0px;
}
.security-main,.security-level{
    padding-left: 30px;
    padding-right: 30px;
}

.security-list > li{
    padding: 25px 34px;
    border-bottom: 0 none;
    overflow: hidden;
    background: #f3f5f4;
    margin-bottom: 20px;

}

.security-list > li>h5{
	width : 120px;
    font-size: 14px;
}

.btnBase{
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.security-btn-01{
    text-align: center;
    color: #ffffff !important;
    font-size: 15px;
    background: url(../../images/elements.png) 0 -380px;
    width: 116px;
    height: 36px;
    line-height: 36px;
    letter-spacing : 0.2em;
    font-weight: bold;
}

.security-btn-02{
    color: #ff7b00 !important;
    font-size: 14px;
    width: 116px;
    height: 36px;
    line-height: 32px;
    margin-left:20px;
}

.security-btn-03{
    color: #ffffff !important;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    background: url(../../images/elements.png) -116px -380px;
    width: 106px;
    height: 30px;
}

.w400{
    width: 350px !important;
}
/** 安全列表 **/



/** 安全进度条 **/
.sec-progress{
    overflow:  hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sec-progress >li{
    float: left;
    text-align: center;
    width: 248px;
    font-size: 14px;
    line-height: 31px;
    color: #707070;

}
.sec-progress >li.active{
    color: #ffffff;
}

.sec-money{
    color: #ff7b00 !important;
}


/**去掉色底部**/
/**防止隐藏 **/
#security{
    color: #434343;
    overflow: visible;
}
#security div{
    overflow: visible;
}
#security a{
    color: #000000;
}
#security a:hover{
    color: #000000;
    text-decoration: none;
}

.delaSendBtn.disabled{
    background: #CCCCCC;
    color:#FFF;
    border-radius:5px;
}

/** 绑定 **/
.vd-before{
    display: block;
}

.vd-before-inline{
    display: inline-block;
}

.vd-after{
       display: none;
}

.sec-pro-01{
    background: url("../../images/sec-pro-01.png");
    width: 770px;
    height: 32px;
}
.sec-pro-03{
    background: url("../../images/sec-pro-02_03.png") no-repeat;
    width: 770px;
    height: 32px;
    
}

.sec-pro-02{
    background: url("../../images/sec-pro-02.png");
    width: 770px;
    height: 32px;
}
.green-bold{
    color: #22ac38; font-weight: bold;
}

.leftnav li.active, .nleftnav li.active {
	position: relative;
	left: -10px;
	margin-right: -20px;
	background: url(../../images/elements.png);
	background-position: -556px -356px;
}

.createCardForm .formVal >.small_input{
	width : 160px;
	padding : 7px 5px;
}

.loading{
	background-image : url("../../images/loading.gif");
	width : 32px;
	height : 32px;
	position: absolute;
	left : 50%;
	top : 50%;
	margin-top : -16px;
	margin-left : -16px;
	z-index : 20;
}

div.security-level .level {
	background-color: #eee;
	margin: 0px 0px 0px 2px;
	padding: 0px 12px;
	height: 12px;
	display: inline-block;
}

div.security-level span.level.low {
	background-color: #ff3b30;
}

div.security-level span.level.medium {
	background-color: #ffcc00;
}

div.security-level span.level.high {
	background-color: #00CC33;
}

.level_info {
	margin-left: 10px;
}
